    .container {
      width: 100%;
      box-sizing: border-box;
      padding: 0 30px 0 10px;
      margin-bottom: 250px;
      font-family: Microsoft YaHei;

      .header {
        width: 100%;
        margin-top: 10px;
        display: flex;
        justify-content: space-between;

        .Data_font {
          font-family: Microsoft YaHei, Microsoft YaHei-Bold;
          font-weight: Bold;
          font-size: 20px;
          color: #252B3A;
          line-height: 40px;
        }

        .header-right {
          .user_icon {
            display: inline-block;
            height: 40px;
            width: 40px;
            border: 1px solid #e6e6e6;
            text-align: center;
            box-sizing: border-box;

            img {
              width: 18px;
              height: 18px;
              padding-top: 10px;
            }
          }

          .permission_icon {
            display: inline-block;
            height: 40px;
            width: 40px;
            border: 1px solid #e6e6e6;
            text-align: center;
            box-sizing: border-box;
            margin-left: 20px;
            cursor: pointer;
            img {
              width: 18px;
              height: 18px;
              padding-top: 10px;
            }
          }
        }
      }

      .main {
        box-sizing: border-box;
        margin-top: 20px;
        background: #ffffff;
        border: 1px solid #e6e6e6;
        border-radius: 2px;
        padding: 30px;

        .main-header {
          height: 30px;
        }

        .btn_setion {
          float: left;

          .el-button {
            height: 30px;
            padding: 0 35px;
            margin-right: 6px;
            border-radius: 2px;
          }
          .el-dropdown {
            margin-left: 16px;
          }
        }

        .ipt_section {
          float: right;
          height: 30px;

          #p-searchbox-wrapper {
            float: left;
            width: 480px;
            height: 30px;
            box-sizing: border-box;
            border-radius: 2px;

            img {
              width: 14px;
              height: 14px;
            }
          }

          .el-input__inner {
            height: 35px;
            line-height: 35px;
            padding-left: 30px;
          }

          .el-input-group__append,
          .el-input-group__prepend {
            padding: 0 12px !important;
          }

          .setting-icon {
            float: right;
            box-sizing: border-box;
            cursor: pointer;
            width: 30px;
            height: 30px;
            border: 1px solid #E6E6E6;
            text-align: center;
            margin-left: 16px;
            line-height: 28px;

            img {
              margin-top: 6px;
              height: 18px;
              width: 18px;
            }

          }            
          .el-icon-refresh-left::before {
              font-size: 18px;
              color: #6e7181;
            }
        }

        .el-table th:nth-child(n+3) div {
          border-left: 1px solid #E6E6E6;
          padding-left: 20px;
        }

        .el-table td:nth-child(n+3) div {
          padding-left: 21px;
        }

        .el-table__footer-wrapper,
        .el-table__body-wrapper {
          overflow: hidden !important;
        }

        .el-table td.el-table__cell,
        .el-table th.el-table__cell.is-leaf {
          border-bottom: 1px solid #E6E6E6;
        }

        .el-table-column--selection .cell {
          padding-left: 20px;
        }

        .el-table .cell {
          font-family: 'Microsoft YaHei, Microsoft YaHei-Bold';
          font-size: 12px;
          color: #131416;
          overflow: initial;
        }

        .el-table__body-wrapper {
          overflow: initial;
        }

        .el-table--border::after,
        .el-table--group::after,
        .el-table::before {
          background-color: #fff;
        }

        .el-button--text {
          font-size: 12px;
          font-family: 'PingFangSC-Medium';
          color: #2D58C3;
        }

        .tagStyle .el-tag {
          color:#A1A1A1;
          padding: 0;
          border: none;
          border-radius: 0;
          background: none;
          height: 12px;
          line-height: 12px;
          &:nth-child(n+2) {
            border-left: 1px solid #E6E6E6;
            margin-left: 8px;
            padding-left: 8px;
          }
        }

        .el-pagination {
          text-align: right;

          .el-pagination__total {
            float: left;
          }

          .el-pagination__sizes {
            float: left;
          }

          .el-pager li {
            height: 28px;
            background: #ffffff;
            border: 1px solid #e0e2e9;
            border-radius: 2px;
            font-size: 12px;
            font-family: Microsoft YaHei, Microsoft YaHei-Normal;
            font-weight: Normal;
            text-align: CENTER;
            color: #3d485d;
            line-height: 24px;
            margin-right: 6px;
            padding: 0 10px;
            min-width: 28px;
            box-sizing: border-box;
          }

          .el-pager li:last-child {
            margin-right: 0px;
          }

          .el-pager li.active {
            background: #f8f8f8;
            border: 1px solid #2D58C3;
            border-radius: 2px;
            font-size: 12px;
            font-family: Microsoft YaHei, Microsoft YaHei-Normal;
            font-weight: Normal;
            text-align: CENTER;
            color: #2D58C3;
            box-sizing: border-box;
          }

          button {
            width: 28px;
            min-width: 28px;
            margin: 0 6px;
            padding: 0;
            border-radius: 2px;
            border: 1px solid #E0E2E9;
            text-align: center;

            i {
              color: #2D58C3;
              line-height: 26px;
              font-size: 14px;
              font-weight: 600;
            }
          }

          .el-pagination__editor.el-input .el-input__inner {
            border-radius: 2px;
            width: 48px;

            &:focus {
              border-color: #2D58C3;
            }
          }
        }
      }

      // 归档(修改存储类别)弹出框样式
      .el-dialog__title {
        font-family: Microsoft YaHei, Microsoft YaHei-Bold;
        font-weight: Bold;
        font-size: 16px;
        color: #131416;
      }

      .el-dialog__body {
        font-family: 'PingFangSC-Medium';
        font-size: 12px;
        color: #575D6C;
        padding: 5px 20px;

        .el-radio__label {
          font-family: Microsoft YaHei, Microsoft YaHei-Normal;
          font-weight: Normal;
          font-size: 12px;
          color: #131416;
        }
        .storage_section {
          margin-bottom: 35px;

          .store {
            font-family: Microsoft YaHei, Microsoft YaHei-Normal;
            font-weight: Normal;
            font-size: 12px;
            color: #808080;
            margin-right: 52px;
          }

          p {
            font-family: Microsoft YaHei, Microsoft YaHei-Normal;
            font-weight: Normal;
            font-size: 12px;
            color: #808080;
            margin: 20px 14px 0px 100px;
          }
        }
      }

      .el-dialog__footer {
        text-align: center;
        padding: 0px 20px 20px;

        .el-button--small,
        .el-button--small.is-round {
          padding: 9px 18px;
          border: 1px solid #DFE1E6;
        }
      }

      .store_footer {
        .el-button--small {
          width: 200px;
          height: 30px;
          line-height: 10px;
        }
      }

      // 恢复弹框样式
      .el-dialog__footer {
        text-align: center;
      }

      .recovery_footer {
        .el-button--small {
          width: 200px;
          height: 28px;
          line-height: 10px;
        }
      }

      .el-dialog__header {
        padding-left: 32px;
      }

      .el-dialog__body {
        padding-left: 32px;
      }

      .validity_section {
        font-size: 12px;
        color: #575D6C;
        margin-bottom: 20px;

        .el-input-number.is-without-controls .el-input__inner {
          width: 100px;
          line-height: 28px;
          height: 28px;
        }

        .el-input__inner {
          height: 28px;
          box-sizing: border-box;
          border-radius: 2px;
          font-size: 12px;
          &:focus {
            border-color: #0a4cee;
          }
        }

        .el-input-number {
          line-height: 26px;
        }
        .el-input-number__decrease {
          border-radius: 2px 0 0 2px;
          background-color: #fff;
          width: 28px;
          &:hover {
            color: #0a4cee;
          }
        }
        .el-input-number__increase {
          border-radius: 0 2px 2px 0;
          background-color: #fff;
          width: 28px;
            &:hover {
              color: #0a4cee;
            }
        }
        .validity_day {
          font-family: Microsoft YaHei, Microsoft YaHei-Normal;
          font-weight: Normal;
          font-size: 12px;
          color: #131416;
        }
        .el-input-number__decrease:hover:not(.is-disabled)~.el-input .el-input__inner:not(.is-disabled),
        .el-input-number__increase:hover:not(.is-disabled)~.el-input .el-input__inner:not(.is-disabled) {
          border-color: #0a4cee;
        }
      }

      .speed_section {
        margin-bottom: 25px;

        .rate {
          font-family: Microsoft YaHei, Microsoft YaHei-Normal;
          font-weight: Normal;
          font-size: 12px;
          color: #808080;
          margin-right: 76px;
        }

        .el-radio__label {
          font-family: Microsoft YaHei, Microsoft YaHei-Normal;
          font-weight: Normal;
          font-size: 12px;
          color: #131416;
        }

        p {
          font-family: Microsoft YaHei, Microsoft YaHei-Normal;
          font-weight: Normal;
          font-size: 12px;
          color: #808080;
          margin: 20px 0 5px 100px;
        }
      }

      .inputDeep {
        padding: 0 20px;
        margin-bottom: -7px;
      }

      //多选框样式
      .el-checkbox__inner {
        width: 14px;
        height: 14px;
        border: 1px solid #b4b6be;
        border-radius: 2px;

        &::after {
          transform: rotate(0);
          left: 2px;
          top: 2px;
        }
      }

      .el-checkbox__input.is-focus .el-checkbox__inner {
        border: 1px solid #b4b6be;
      }

      .el-checkbox__input.is-checked .el-checkbox__inner {
        background-color: #fff;
        border-color: #2D58C3;

        &::after {
          width: 8px;
          height: 8px;
          background-color: #2D58C3;
          transform: rotate(0);
        }
      }

      .el-checkbox__input.is-indeterminate .el-checkbox__inner {
        background-color: #fff;
        border-color: #2D58C3;

        &::before {
          background-color: #2D58C3;
        }
      }

      .el-checkbox__input.is-checked+.el-checkbox__label {
        color: #2D58C3
      }

      //按钮样式
      .el-button.el-button--info.is-plain,.el-button.el-button--primary.is-plain {
        border-color: #e6e6e6;
        font-size: 12px;
        font-family: Microsoft YaHei, Microsoft YaHei-Normal;
        font-weight: Normal;
        text-align: CENTER;
        color: #131416;
        color: #15141C;
        border-radius: 2px;
        background-color: #fff;

        &:disabled {
          background-color: #F8F8F8;
          border: 1px solid #E6E6E6;
          color: #A1A1A1;

          &:hover {
            background-color: #F8F8F8;
            border: 1px solid #E6E6E6;
            color: #A1A1A1;
            box-shadow: none;
          }
        }
      }
      .el-button.el-button--primary.is-plain {
        background-color: #0a4cee;
        border-color: #0a4cee;
        color: #fff;
        &:hover {
          box-shadow: 0 2px 8px 0 rgba(10, 76, 238, .5);
        }
      }

      .el-button.el-button--info.is-plain:hover {
        font-family: Microsoft YaHei, Microsoft YaHei-Normal;
        font-weight: Normal;
        font-size: 12px;
        box-shadow: 0 2px 8px 0 rgba(230, 230, 230, .5);
      }

      .el-button--info.is-plain:focus,
      .el-button--info.is-plain:hover {
        background: none;
      }
    }

    // 修改Radio单选框样式
    .el-radio__inner:hover {
      border-color: #0a4cee !important;
    }
    
    .el-radio__input.is-checked .el-radio__inner {
      background-color: #fff !important;
      border-color: #0a4cee !important;
    }
    
    .el-radio__inner::after {
      width: 8px;
      height: 8px;
      background-color: #0a4cee;
    }
    //分页样式
     .el-range-editor.is-active,
     .el-range-editor.is-active:hover,
     .el-select .el-input.is-focus .el-input__inner{
      border-color: #0a4cee;
     }
    .el-pagination__sizes .el-input .el-input__inner:hover {
      border-color: #0a4cee;
    }
    .el-select-dropdown__item.selected {
      color: #0a4cee;
    }
    .el-select-dropdown__item {
      font-size: 13px;
    }
.buttonLine:nth-child(n+2){
  margin-left: 8px;
  span {
    display: inline-block;
    border-left: 1px solid #E6E6E6;
    padding-left: 8px;
    height: 12px;
  }
}
        